<template>
  <div class="header">
    <div class="title">
      VIP会员
    </div>
    <div class="content">
      开通会员享受更多
    </div>
    <img class="imgSty" src="@/assets/imgs/pages/vip/crown.png" alt="">
  </div>
</template>

<style lang="less" scoped>
.header {
  box-sizing: border-box;
  background-size: 375rpx;
  height: 300rpx;
  width: 100%;
  padding: 0 42rpx;
  position: relative;

  .title {
    padding: 75rpx 0 0;
    font-size: 72rpx;
    font-weight: bold;
    // color: var(--a-one-text-color);
    color: #FFECC1;
    margin-bottom: 10rpx;
    letter-spacing: 3rpx;

  }

  .content {
    font-size: 32rpx;
    font-weight: bold;
    // color: var(--a-two-text-color);
    color: #FFECC1;
    line-height: 45rpx;
    letter-spacing: 4rpx;
  }

  .imgSty {
    position: absolute;
    top: 45rpx;
    right: 57rpx;
    width: 306rpx;
    height: 220rpx;
  }
}
</style>
